// 引入生产环境的开发配置项
const prod = require('./webpack.prod')
// 引入并结构resolve
const { resolve } = require('path')

module.exports = {
  ...prod, //将生产环境的配置项,在开发环境中展开
  mode: 'development', //重新声明开发环境的模式,覆盖生产环境的模式
  devServer: {
    static: {
      directory: resolve(__dirname, '../build'), //基于打包后的文件夹作为静态资源服务器的根目录
    },
    port: 9001, //设置端口号
    open: true, //自动打开浏览器
    historyApiFallback: true, //增加此配置项. 当找不到对应路由时，会将其定位到/

    // 开启代理功能,解决跨域问题
    proxy: {
      '/dev-api': {
        target: 'http://localhost:5001', //目的服务器的主机名
        pathRewrite: { '^/dev-api': '' }, //当开发服务器给目标服务器发请求时,把路径中的/dev-api删除掉
      },
    },
  },
}
